$(function() {
    var flag = true;
    for (var i = 0; i < $('.center_1 li').length; i++) {
        $('.center_1 li').eq(i).on('mouseenter', function() {
            if (flag) {
                flag = false;
                $(this.children[0]).stop().animate({ height: '0px' }, 300);
                $(this.children[1]).stop().animate({ height: '100px' }, 500);
                $(this).css('transition', 'all .5s')
                $(this).css('background', '#cfae69');
                flag = true;
            }
        });
        $('.center_1 li').eq(i).on('mouseleave', function() {
            if (flag) {
                flag = false;
                $(this.children[0]).stop().animate({ height: '63px' }, 500);
                $(this.children[1]).stop().animate({ height: '37px' }, 300);
                $(this).css('transition', 'all .5s');
                $(this).css('background', '#343434');
                flag = true;
            };
        })
    };
    var indx = 0;
    for (var j = 0; j < $('.center_3 ul li').length; j++) {
        $('.center_3 ul li').eq(j).attr('ind', j);
        $('.center_3 ul li').eq(j).on('click', function() {
            $(this).addClass('xzl_mp_current').siblings().removeClass('xzl_mp_current');
            var index = $(this).attr('ind');
            $('.intru').eq(index).fadeIn(200);
            $('.intru_l').eq(indx).stop().animate({ left: '-170px', opacity: '0' }, 300);
            $('.intru_r').eq(indx).stop().animate({ right: '-165px', opacity: '0' }, 300);
            $('.intru_l').eq(index).stop().animate({ left: '0', opacity: '1' }, 600);
            $('.intru_r').eq(index).stop().animate({ right: '0', opacity: '1' }, 600);
            $('.intru').eq(index).addClass('c3_tab_current').siblings().removeClass('c3_tab_current');
            indx = index;
        });
    };
    for (var k = 0; k < $('.c2_1_ul li').length; k++) {
        $('.c2_1_ul li').eq(k).attr('inde', k)
    };
    $('.c2_1_ul li').click(function() {
        var leng = -353 * $(this).attr('inde') + 'px';
        console.log(leng);
        $(this).addClass('c2_1_new_current').siblings().removeClass('c2_1_new_current')
        $('.c2_1_news').stop().animate({ left: leng }, 300);
    })
})